/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {display:none;}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {}
.tabberlive {}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{ padding: 6px 0; border-bottom: 1px solid #ccc;}

ul.tabbernav li
{ list-style: none; display: inline; font-weight:bold;}

ul.tabbernav li a
{color: #333;padding: 6px 20px;margin-right:3px; border:1px solid #ccc;background: url(../images/tab-bg.gif) repeat-x top left;text-align:center;
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;}
ul.tabbernav li a:hover
{color: #333;background: url(../images/tab-bg-hover.gif) repeat-x top left;border:1px solid #88aab7;border-bottom: 1px solid #fff;}
ul.tabbernav li.tabberactive a
{ color: #333; padding: 6px 20px;margin-right:3px;background: url(../images/tab-bg-hover.gif) repeat-x top left;border:1px solid #88aab7;border-bottom: 1px solid #fff;}
ul.tabbernav li.tabberactive a:hover
{color: #333;background: url(../images/tab-bg.gif) repeat-x top left; border-bottom: 1px solid #fff;}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {border-top:none;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:18px 15px;
  /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
  /* height:200px; */
  /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
  /* overflow:auto; */
}
.tabbertab strong { color:#004964; font-size:15px;}
.tabbertab p{ margin-bottom:20px; line-height:18px;}
.tabbertab ul{margin:0 0 20px 20px;list-style-type:square;list-style-position: outside;}
.tabbertab li {margin:5px;}

.tabberlive .tabbertab h2 {display:none;}